import 'package:bruno/bruno.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:miaowu/app/module/auth/login/widget/content_text_field_widget.dart';

class AuthenticationPage extends StatefulWidget {
  const AuthenticationPage({super.key});

  @override
  State<AuthenticationPage> createState() => _AuthenticationPageState();
}

class _AuthenticationPageState extends State<AuthenticationPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: BrnAppBar(
        title: '实名认证',
      ),
      backgroundColor: Colors.white,
      body: ListView(
        padding: const EdgeInsets.only(top: 30),
        children: [
          Container(
            margin: const EdgeInsets.symmetric(horizontal: 16),
            padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 10),
            decoration: BoxDecoration(color: Colors.black, borderRadius: BorderRadius.circular(10)),
            child: Text(
              '温馨提示：请您填写真实准确的信息，您填写的所有信息仅供您在积分提现时所用，我们将通过加密等方式存储和保护您录入的身份证件信息。',
              maxLines: 3,
              style: TextStyle(color: Colors.white, fontSize: 13.sp, height: 1.6),
            ),
          ),
          Center(child: Image.asset('assets/app/images/member/authentication_succ.png', width: 127)),
          Container(
              margin: const EdgeInsets.only(top: 15),
              child: Center(child: Text('您的实名信息已认证成功', style: TextStyle(color: Colors.black, fontSize: 13.sp)))),
          Container(
            margin: EdgeInsets.only(top: 30.h),
            height: 50.h,
            padding: const EdgeInsets.symmetric(horizontal: 20),
            child: Row(children: [
              SizedBox(
                  width: 110,
                  child: Text('证件类型',
                      style: TextStyle(color: Colors.black, fontSize: 15.sp, fontWeight: FontWeight.w600))),
              Text('身份证', style: TextStyle(color: Colors.black, fontSize: 15.sp, fontWeight: FontWeight.w600)),
            ]),
          ),
          Container(
            height: 60.h,
            alignment: Alignment.center,
            padding: const EdgeInsets.symmetric(horizontal: 20),
            child: Row(children: [
              SizedBox(
                  width: 90,
                  child:
                      Text('姓名', style: TextStyle(color: Colors.black, fontSize: 15.sp, fontWeight: FontWeight.w600))),
              Expanded(
                child: ContentTextFieldWidget(
                  hintText: '请输入证件上的姓名~',
                  text: '',
                  maxLength: 18,
                  backgroundColor: Colors.transparent,
                  border: Border.all(color: Colors.transparent, width: 0),
                  top: 0,
                  number: false,
                  onChanged: (value) {},
                  onSubmit: (value) {},
                ),
              ),
            ]),
          ),
          Container(
            height: 60.h,
            padding: const EdgeInsets.symmetric(horizontal: 20),
            child: Row(children: [
              SizedBox(
                  width: 90,
                  child:
                      Text('证件号', style: TextStyle(color: Colors.black, fontSize: 15.sp, fontWeight: FontWeight.w600))),
              Expanded(
                child: ContentTextFieldWidget(
                  hintText: '请输入证件号~',
                  text: '',
                  maxLength: 18,
                  backgroundColor: Colors.transparent,
                  border: Border.all(color: Colors.transparent, width: 0),
                  top: 0,
                  number: false,
                  onChanged: (value) {},
                  onSubmit: (value) {},
                ),
              ),
            ]),
          ),
          Container(
            margin: EdgeInsets.symmetric(horizontal: 20.w, vertical: 50),
            height: 45.h,
            decoration: BoxDecoration(color: const Color(0xFF25D4D0), borderRadius: BorderRadius.circular(22.5.r)),
            child: Center(
              child: Text('提交认证', style: TextStyle(color: Colors.white, fontSize: 12.sp, fontWeight: FontWeight.w600)),
            ),
          )
        ],
      ),
    );
  }
}
